/**
* estilo.css
*/

body {
	background-color: LightCyan;
	color: black;
	}

#salir
	{
	float:right;
	}

#contenedor
	{
	margin:0 auto 0 auto;
	width:800px;
	}

#contenido
	{
	background-color:white;
	color:black;
	}
	
#margen
	{
	height:4px;
	background-color:RGB(7,107,131);
	}

#pie
	{
	background-color:grey;
	color:white;
	text-align:center;
	border-style:solid;
	border-color:black;
	}

#cabecera {
	background-image: url(Captura.PNG);
	width:800px;
	height:149px;
}
#container {
	width: 800px;
	margin: 20px auto 0 auto;
	border:1px solid black;
}

#formulario {
	width: 300px;
	margin: 0 auto 0 auto;
}

#mensajes {
	color: black;
	background-color: white; width: 400px; height: 300px;
	}
	
#opciones
	{
	height:30px;
	background-color:RGB(7,107,131);
	text-align:center;
	}	

.menu
	{
	list-style:none;
	margin:0;
	padding-left:1px;
	width:1000px;
	min-width:1000px;
	}
	
.menu a
	{
	text-decoration:none;
	color:black;
	width:130px;
	height:30px;
	display:block;
	}

.menu li
	{
	background-color: white;
	margin:0 1px;
	width:129px;
	display:inline;
	position:relative;
	color:black;
	padding:2px 0;
	float:left;
	font:bold 15px Arial;
	min-height:30px;
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	text-align:center;
	}
	
.menu li:hover
	{
	background-color:black;
	}
	
.menu li:hover a
	{
	color:white;
	}
	
.menu li ul
	{
	list-style:none;
	visibility:hidden;
	display:none;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	position:relative;
	}
	
.menu li:hover ul
	{
	visibility:visible;
	display:block;
	position: absolute;
	top: 25;
	left: 1%;
	border-bottom:1px solid black;
	}
	
.menu li:hover ul a
	{
	color:black;
	}
	
.menu li ul li
	{
	background-color: white;
	width:130px;
	display: block;
	position: relative;
	float:none;
	}
	
.menu li ul li:hover
	{
	background-color:orange;
	}
	
#principal td
	{
	width:120px;
	border:1px solid black;
	text-align:center;
	}
	

	
#caras td
	{
	border:0px;
	}
	
/*fusil*/	
table { background:#D3E4E5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
td, th { color:#363636;
 padding:.4em;
}
tr { border:1px dotted gray;
}
thead th, tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
tbody td a { color:#363636;
 text-decoration:none;
}
tbody td a:visited { color:gray;
 text-decoration:line-through;
}
tbody td a:hover { text-decoration:underline;
}
tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
tbody th a:hover { color:#363636;
}
tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
tbody th, tbody td { text-align:left;
 vertical-align:top;
}
tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.odd { background:#fff;
}
tbody tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}